import React from 'react'
import TeacherListTable from "../parts/TeacherListTable"
import Inputs from "../parts/Input";
import Data from '../parts/Data'
import Month from '../parts/Month'

const TeacherMessage = () => {
  return <div className='TeacherMessage'><div className='default'>
    <div className='data'>
      <ul className="nav nav-pills" role="tablist">
        <li className="nav-item">
          <a className="nav-link active border" data-bs-toggle="pill" href="#month">月份</a>
        </li>
        <li className="nav-item">
          <a className="nav-link border" data-bs-toggle="pill" href="#date">日期</a>
        </li>
      </ul>
      <div className="tab-content">
        <div id="month" className="container tab-pane active">
          <div>
            <Month />
          </div>
        </div>
        <div id="date" className="container tab-pane fade">
          <div>
            <Data />
          </div>
        </div>
      </div>
      <div>
        <Inputs />
      </div>
      <div className='query'>
        <button className='btn bg-primary'>查询</button>
      </div>
    </div>
  </div>
    <TeacherListTable />
  </div>
}

export default TeacherMessage
